document.addEventListener('DOMContentLoaded', function() {
    console.log('fabu.js已加载 - 简化测试版本');
    
    // 尝试使用ID选择器替代class选择器
    // 首先给按钮添加一个ID属性
    const publishButton = document.querySelector('.publish-button');
    if (publishButton) {
        publishButton.id = 'publishBtn';
        console.log('已成功获取并添加ID到发布按钮');
    } else {
        console.error('无法找到发布按钮元素');
        return;
    }
    
    // 使用ID选择器重新获取按钮
    const btn = document.getElementById('publishBtn');
    if (btn) {
        console.log('使用ID选择器成功获取按钮');
        
        // 添加点击事件监听
        btn.addEventListener('click', function() {
            console.log('发布按钮被点击！');
            
            // 获取表单数据
            const titleInput = document.querySelector('.title-input');
            const textInput = document.querySelector('.text-input');
            
            if (titleInput && textInput) {
                const articalName = titleInput.value.trim();
                const content = textInput.textContent.trim();
                console.log('标题:', articalName);
                console.log('内容:', content);
                
                // 简单的验证
                if (!articalName) {
                    alert('请输入标题');
                    return;
                }
                
                if (!content || content === '正文') {
                    alert('请输入正文内容');
                    return;
                }
                
                // 构建请求数据
                const postData = {
                    articalName: articalName,
                    author: '当前用户',
                    content: content,
                    introduction: content.substring(0, 50) + (content.length > 50 ? '...' : '')
                };
                
                console.log('准备发送的请求数据:', postData);
                
                fetch('/api/post/add', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                        // 如果需要认证，可以在这里添加token等认证信息
                        // 'Authorization': 'Bearer ' + token
                    },
                    body: JSON.stringify(postData)
                })
                .then(response => {
                    console.log('请求已发送，正在等待响应...');
                    if (!response.ok) {
                        throw new Error(`服务器响应错误: ${response.status}`);
                    }
                    return response.json();
                })
                .then(data => {
                    console.log('发布成功，服务器返回:', data);
                    alert('发布成功！\n\n服务器响应:\n' + JSON.stringify(data, null, 2));
                    
                    // 发布成功后直接返回上一页，不再跳转到study.html
                    setTimeout(() => history.back(), 1000);
                })
                .catch(error => {
                    console.error('发布失败:', error);
                    alert('发布失败: ' + error.message);
                });
            } else {
                console.error('无法找到标题或正文输入元素');
                alert('表单元素加载失败，请刷新页面重试');
            }
        });
    } else {
        console.error('使用ID选择器也无法获取按钮');
    }
});